﻿<include file="header"/>
<link rel="stylesheet" href="__PUBLIC__/shop/css/list.css">
<main class="wrapper page-search" id="main">
    <div class="container">
        <section class="crumbs clearfix">
            <a data-mtype="store_list_mbx_index" href="{:U('Home/Shop/index')}">首页</a> &nbsp;&gt;&nbsp;
            <span class="crumbs-level" id="crumbsLevel" data-mtype="">{$class_name.class_name|default="全部商品"}</span>
        </section>
        <section class="brand" id="brand" style="display: none"></section>

        <section class="selector" id="selector">
            <!--  分类部分 start -->
            <div class="sl-category" id="slCategory">
                <div class="sl-line-wrap">
                    <div class="mod-key">
                        分类：
                    </div>
                    <div class="mod-value">
                        <div class="mod-value-list">
                            <ul>
                                <volist name="nav" id="vo">
                                    <li class="">
                                        <a href="{:U('Home/Shop/shopItemList',array('pid'=>$vo['id']))}" title="{$vo['class_name']}">
                                            {$vo['class_name']}
                                        </a>
                                    </li>
                                </volist>
                            </ul>
                        </div>
                    </div>
                    <div class="mod-ext">
                        <a class="sl-e-more J_extMore" href="javascript:;" data-mtype="store_list_fl_more_9">更多<i
                                class="iconfont"></i></a>
                    </div>
                </div>

            </div>

        </section>

        <!--<section class="filter clearfix" id="filter" style="display: block;">-->
        <!--<div class="filter-order" id="J_filterOrder">-->
        <!--<a class="active" data-tag="0" data-mtype="store_list_sx_1" href="javascript:void(0);">-->
        <!--推荐-->
        <!--</a>-->
        <!--<a data-tag="1" data-mtype="store_list_sx_2" href="javascript:void(0);">-->
        <!--新品-->
        <!--</a>-->
        <!--<a data-tag="2" data-mtype="store_list_sx_3" href="javascript:void(0);">-->
        <!--价格<i class="icon-arrow-down"></i>-->
        <!--</a>-->
        <!--</div>-->
        <!--<div class="filter-condition" id="J_filterCondition">-->
        <!--<label class="bs-checkbox" data-mtype="store_list_sx_xz">-->
        <!--<i></i>仅显示有货商品-->
        <!--</label>-->
        <!--</div>-->
        <!--</section>-->

        <section class="goods-list" id="goodsList" style="display: block;">
            <ul class="goods-list-wrap clearfix" id="goodsListWrap">
                <volist name="list" id="vo">
                    <volist name="vo.erji" id="erji">
                        <li class="gl-item">
                            <a  href="{:U('Home/Shop/article',array('id'=>$erji['id']))}" title="{$vo['title']}">
                                <div class="gl-item-wrap">
                                    <div class="mod-pic">
                                        <img width="220" height="220" class="j-modProduct"
                                                              src="{$erji['img_url']}"/>
                                    </div>
                                    <!--<div class="item-slide j-pro-wrap">-->
                                    <!--<dl style="display: block;"><dd class="active" data-skuid="5101" data-mtype="store_list_kw_1_clr_1"><img width="40" height="40" src="images/list.png"></dd></dl>-->
                                    <!--</div>-->
                                    <h2>{$erji['title']|cutStr=10,0,1}</h2>
                                    <h3 class="red" title="{$erji['content']|cutStr=30,0,1}">
                                        {$verji['content']|cutStr=30,0,1}</h3>
                                    <div class="mod-price"><em>￥</em><span class="vm-price">{$erji['jiage']}</span><span
                                            class="vm-start">起</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </volist>
                </volist>
            </ul>
        </section>
        <style>
            #pages a {
                display: inline-block;
                color: #000;
                text-align: center;
                text-decoration: none;
                padding-left: 8px;
                padding-right: 8px;
                border-radius: 4px;
                background: #fff;
                margin-right: 3px;
                border: 1px solid #DDDDDD;
            }
        </style>
        <section class="pages" id="pages" style="display: block;">
            <div class="ui-paginate">
                {$page}
            </div>
        </section>

        <section class="more-brands" style="display: none"></section>
        <section class="list-floorad" style="display: none"></section>

        <section class="recommend" id="recommend">
            <div class="recommend-hd">
                <h2 class="mod-title">为您推荐</h2>
            </div>
            <!--        热点-->
            <div class="recommend-slider" id="J_recommendSlider">
                <div class="swiper-containeredian">
                    <div class="swiper-wrapper">
                        <volist name="tjList" id="vo">
                            <div class="swiper-slide">
                                <a class="rs-item-wrap" href="{:U('Home/Shop/article',array('id'=>$vo['id']))}" target="_blank">
                                    <div class="mod-pic">
                                        <img class="lazy" width="180" height="180" class="lazy" src="{$vo['img_url']}"/>
                                    </div>
                                    <div class="mod-desc">
                                        <h4 class="vm-title">{$vo.title|cutStr=10,0,1}</h4>
                                        <!--<h6 class="vm-subtitle" title="领券立减50元">领券立减50元</h6>-->
                                        <p class="vm-price">
                                            <span>¥</span><span class="vm-price-text">{$vo.jiage}</span>
                                        </p>
                                    </div>
                                </a>
                            </div>
                        </volist>
                    </div>

                    <!-- Add Arrows -->
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
            <!--热点		-->
        </section>
    </div>
</main>

<include file="footer"/>

